<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>稀土掘金浏览器插件-官网</title>
    <link rel="stylesheet" href="../assets/css/animate.min.css">
    <link rel="stylesheet" href="../assets/css/swiper-bundle.min.css">
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
    <style>
        @font-face {
            font-family: 'HYYakuHei';
            src: url('../assets/font/汉仪雅酷黑75W.TTF');
        }

        * {
            margin: 0;
            padding: 0;
            outline: none;
            list-style: none;
            border: none;
        }

        body {
            font-size: 14px;
        }

        .MainHeader {
            backdrop-filter: blur(60px);
            background: rgba(255, 255, 255, .8);
            position: sticky;
            top: 0;
            width: 100%;
            z-index: 1000;
            display: flex;
            justify-content: center;
        }

        .header {
            align-items: center;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1);
            display: flex;
            height: 64px;
            justify-content: space-between;
            min-width: 1040px;
            padding: 0 200px;
            width: 100%;
        }

        .logo {
            width: 117px;
            height: 29px;
            display: block;
        }

        .logo > img {
            width: 117px;
            height: 24px;
        }

        .rightSideHeader {
            display: flex;
            justify-content: space-between;
            width: 288px;
        }

        .rightSideHeader > a {
            color: #515767;
            cursor: pointer;
            font-size: 16px;
            line-height: 4rem;
            text-decoration: none;
        }

        .rightSideHeader > a:hover {
            color: rgb(106, 161, 255);
        }

        .downloadContainer {
            backdrop-filter: blur(9px);
            background: linear-gradient(51.85deg, rgba(218, 230, 255, .9) 11.99%, rgba(193, 214, 255, 0) 96.36%);
            background-size: cover;
            display: flex;
            height: 486px;
            justify-content: space-evenly;
            position: relative;
            z-index: 1;
        }

        .downloadContainerLeft {
            margin-top: 126px;
        }

        .module_desc {
            color: #515767;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            margin-bottom: 63px;
            transition: all .5s;
            width: 528px;
        }

        .module_title {
            color: #252933;
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .module_download {
            display: flex;
            flex-wrap: wrap;
            position: absolute;
            top: 298px;
            width: 450px;
        }

        .module_group {
            margin-right: 30px;
            background-color: rgb(30, 128, 255);
            border-radius: 8px;
        }

        .module_btn {
            box-sizing: border-box;
            cursor: pointer;
            display: flex;
            height: 64px;
            user-select: none;
        }

        .module_animation {
            border-right: 2px solid rgba(255, 255, 255, .2);
            box-sizing: border-box;
            color: #fff;
            display: block;
            font-style: normal;
            font-weight: 500;
            line-height: 64px;
            text-align: center;
            text-decoration: none;
            width: 144px;
        }

        .animated-text {
            display: inline-block;
            animation: fontSizeChange 0.7s alternate infinite;
        }

        .module_animation:hover {
            background-color: rgb(17, 113, 238);
            border-radius: 8px 0 0 8px;
        }

        .module_arrow:hover {
            background-color: rgb(17, 113, 238);
            border-radius: 0 8px 8px 0;
        }

        @keyframes fontSizeChange {
            100% {
                transform: scale(1.2);
            }
        }

        .module_arrow {
            align-items: center;
            display: flex;
            justify-content: center;
            width: 60px;
        }

        .module_fixed {
            background: #fff;
            border-radius: 8px;
            box-sizing: border-box;
            color: #1e80ff;
            cursor: pointer;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            height: 64px;
            line-height: 64px;
            position: relative;
            text-align: center;
            user-select: none;
            width: 184px;
        }

        .downloadContainerRight {
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .swiper {
            height: 334px;
            width: 506px;
        }

        .swiper-slide > img {
            width: 506px;
            height: 304px;
        }

        .module_visible {
            transform: translateZ(0);
            transition: all .2s;

        }

        .arco-menu {
            display: flex;
            justify-content: center;
            background-color: #1e80ff;
            box-sizing: border-box;
            height: 92px;
            width: 100%;
            font-size: 14px;
            line-height: 1.5715;
            position: relative;
            transition: width .2s cubic-bezier(.34, .69, .1, 1);
        }

        .menu-inner {
            justify-content: center;
            align-items: center;
            display: flex;
            padding: 14px 20px;
            box-sizing: border-box;
            height: 100%;
            overflow: auto;
            width: 100%;
        }

        .menu-overflow-wrap {
            display: flex;
            justify-content: space-between;
            width: 60%;
            transition: color .2s linear;
        }

        .menu-item {
            background-color: rgb(30, 128, 255);
            color: rgba(255, 255, 255, 0.9);
            font-size: 20px;
            position: relative;
            cursor: pointer;
        }

        .menu-item::after {
            content: "";
            position: absolute;
            bottom: -16px;
            height: 4px;
            left: 64px;
            width: 0;
            background-color: white;
            transition: width 0.3s;
            transform: translateX(-50%);
        }

        .menu-item:hover::after,
        .menu-item:focus::after {
            width: 32px;
        }

        .menu-item.active::after {
            width: 32px;
        }

        .menu-item > a {
            color: inherit;
            cursor: inherit;
            text-decoration: none;
            margin-left: 12px;
            line-height: 30px;
            padding: 0 12px;
        }

        .module_mainContent {
            margin-top: -160px;
            position: relative;
            z-index: -1;
        }

        .module_notes {
            padding-bottom: 35px;
            padding-top: 250px;
            display: flex;
            justify-content: center;
        }

        .module_banner {
            height: 450px;
            padding-right: 270px;
            border-style: none;
        }

        .module_wordContent {
            transform: translateX(-70px);
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .module_notesImg {
            height: 21px;
            width: 124px;
        }

        .module_notesTitle {
            color: #252933;
            display: block;
            font-size: 40px;
            font-weight: 600;
        }

        .module_content {
            color: #515767;
            font-size: 18px;
            font-weight: 400;
            margin-top: 24px;
        }

        .module_click {
            display: flex;
            justify-content: center;
            margin-top: 79px;
        }

        .module__wordContent {
            transform: translateX(60px);
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .module__notesImg {
            width: 154px;
            height: 25px;
            border-style: none;
        }

        .module__notesTitle {
            color: #252933;
            display: block;
            font-size: 40px;
            font-weight: 600;
        }

        .module__content {
            color: #515767;
            font-size: 18px;
            font-weight: 400;
            margin-top: 24px;
        }

        .module__banner {
            width: 660px;
            height: 400px;
            margin-left: 125px;
            transform: translateX(60px);
            border-style: none;
        }

        .module__entry {
            padding: 115px 0 190px 300px;
            display: flex;
            justify-content: center;
        }

        .module__entry-img {
            transform: translateX(-227px);
            height: 379px;
            width: 628px;
            border-style: none;
            overflow-clip-margin: content-box;
            overflow: clip;
        }

        .module_wordContent1 {
            transform: translateX(-140px);
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .module_notesTitle1 {
            color: #252933;
            display: block;
            font-size: 40px;
            font-weight: 600;
        }

        .module_content1 {
            color: #515767;
            font-size: 18px;
            font-weight: 400;
            margin-top: 24px;
        }

        .module__introContent {
            background: linear-gradient(262.81deg, #4676f3 3.76%, #669bf4 65.3%, #8dc8f5 93.16%);
            height: 594px;
            margin-top: -160px;
        }

        .module__titleContainer {
            display: flex;
            justify-content: center;
            margin: 62px 0;
        }

        .index-module__title {
            color: #fff;
            font-size: 40px;
            font-weight: 500;
            height: 72px;
            margin-top: 62px;
        }

        .index-module__imgContainer {
            display: flex;
            justify-content: center;
        }

        .index-module__introImg {
            margin-right: 34px;
            display: block;
            height: 320px;
            width: 324px;
            border-style: none;
        }

        .index-module__container {
            display: flex;
            justify-content: center;
            background: linear-gradient(65.3deg, #e3edff 14.66%, rgba(238, 244, 255, 0) 121.17%);
            flex-direction: column;
            height: 368px;
        }

        .index-module__title__615db {
            margin-bottom: 40px;
            display: flex;
            justify-content: center;
        }

        .index-module__title__615db > span {
            color: #252933;
            font-family: "HYYakuHei";
            font-size: 40px;
            font-weight: 500;
            height: 72px;
            line-height: 72px;
        }

        .index-module__btnContainer__b28a2 {
            display: flex;
            justify-content: center;
        }

        .index-module__group__eb5b4 {
            margin-right: 30px;
            background: #1e80ff;
            border-radius: 8px;
            height: 64px;
            position: relative;
            transition: all .5s;
            width: 204px;
        }

        .index-module__btn__980be {
            box-sizing: border-box;
            cursor: pointer;
            display: -webkit-flex;
            display: -moz-box;
            display: flex;
            height: 100%;
            user-select: none;
        }

        .index-module__download__14937 {
            border-right: 2px solid rgba(255, 255, 255, .2);
            box-sizing: border-box;
            color: #fff;
            display: block;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 64px;
            text-align: center;
            text-decoration: none;
            width: 144px;
            background-color: transparent;
        }

        .index-module__download__14937 > span {
            display: inline-block;
            color: #fff;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 64px;
            text-align: center;
        }

        .index-module__arrow__4d5d2 {
            align-items: center;
            display: flex;
            justify-content: center;
            width: 60px;
        }

        .checkOut {
            background: #fff;
            border-radius: 8px;
            box-sizing: border-box;
            color: #1e80ff;
            cursor: pointer;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            height: 64px;
            line-height: 64px;
            position: relative;
            text-align: center;
            user-select: none;
            width: 184px;
        }

        .index-module__questionsContainer__9bd7c {
            min-height: 486px;
        }

        .index-module__title__720e5 {
            color: #252933;
            display: flex;
            font-size: 24px;
            font-weight: 600;
            justify-content: center;
        }

        .index-module__questions__e5cf3 {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .index-module__container__9bf8e {
            margin-top: 16px;
            width: 1040px;
            height: 62px;
        }

        .index-module__titleContainer__8e9ff {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin: 20px 24px 12px;
        }

        .index-module__title__ba0b9 {
            color: #252933;
            font-size: 20px;
            font-weight: 500;
        }

        .index-module__icon__9d991 {
            align-items: center;
            cursor: pointer;
            display: flex;
        }

        .index-module__answer__9dd1c {
            color: #515767;
            display: none;
            font-size: 15px;
            font-weight: 400;
            line-height: 180%;
            margin: 0 24px 32px;
        }

        .index-module__report__e5c17 {
            color: #515767;
            display: flex;
            font-size: 15px;
            font-weight: 400;
            justify-content: flex-start;
            line-height: 180%;
            margin-bottom: 56px;
            margin-top: 40px;
            width: 992px;
        }

        .fankui {
            color: #1e80ff;
            cursor: pointer;
            font-size: 15px;
            font-weight: 400;
            text-decoration: none;
        }

        .index-module__copyRight__40d65 {
            align-items: center;
            background: #f2f3f5;
            display: flex;
            flex-direction: column;
            height: 114px;
            justify-content: center;
            width: 100%;
        }

        .index-module__firstRow__2af36 {
            background: #f2f3f5;
            height: 25px;
        }

        .index-module__firstRow__2af36 > a {
            color: #515767;
            cursor: pointer;
            line-height: 25px;
            text-decoration: none;
            font-size: 14px;
        }

        .index-module__bar__e0220 {
            color: #c2c8d1;
            line-height: 25px;
            margin: 0 15px;
        }

        .index-module__version__34789 {
            word-spacing: normal;
            color: #515767;
            line-height: 25px;
        }

        .index-module__secondRow__5b119 {
            background: #f2f3f5;
            color: #515767;
            height: 25px;
            margin-top: 16px;
        }

        .index-module__secondRow__5b119 > a {
            color: #515767;
            cursor: pointer;
            line-height: 25px;
            text-decoration: none;
        }
    </style>
</head>
<body>
<div class="MainHeader">
    <div class="header">
        <div class="logo">
            <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/7abc2b532f725d394feaf0141547ade7.svg"/>
        </div>
        <div class="rightSideHeader">
            <a href="#">功能介绍</a>
            <a href="#">常见问题</a>
            <a href="https://e.juejin.cn/" target="__blank">网页版插件</a>
        </div>
    </div>
</div>
<div class="downloadContainer">
    <div class="downloadContainerLeft">
        <div class="module_title">你的一站式起始页插件</div>
        <div class="module_desc">优质内容、聚合搜索、闪念笔记、快捷导航及多款工具，为开发者提效而生</div>
        <div class="module_download">
            <div class="module_group">
                <div class="module_btn">
                    <span class="module_animation">
                        <span class="animated-text">立即下载</span>
                    </span>
                    <div class="module_arrow">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M17.0301 7.79849C17.323 7.50559 17.323 7.03072 17.0301 6.73783C16.7372 6.44493 16.2623 6.44493 15.9694 6.73783L17.0301 7.79849ZM10.0179 13.75L9.4876 14.2803C9.62825 14.421 9.81902 14.5 10.0179 14.5C10.2168 14.5 10.4076 14.421 10.5483 14.2803L10.0179 13.75ZM4.06646 6.73783C3.77357 6.44493 3.29869 6.44494 3.0058 6.73783C2.71291 7.03072 2.71291 7.5056 3.0058 7.79849L4.06646 6.73783ZM15.9694 6.73783L9.4876 13.2197L10.5483 14.2803L17.0301 7.79849L15.9694 6.73783ZM10.0179 13.75C10.5483 13.2197 10.5482 13.2196 10.5482 13.2196C10.5482 13.2196 10.5481 13.2195 10.5481 13.2195C10.5479 13.2193 10.5477 13.2191 10.5474 13.2188C10.5469 13.2183 10.5461 13.2175 10.545 13.2164C10.5428 13.2142 10.5395 13.2109 10.5352 13.2066C10.5266 13.198 10.5138 13.1852 10.497 13.1684C10.4633 13.1347 10.4138 13.0852 10.35 13.0214C10.2224 12.8938 10.038 12.7094 9.81055 12.4819C9.35569 12.0271 8.72884 11.4002 8.04087 10.7122C6.66492 9.33629 5.04447 7.71583 4.06646 6.73783L3.0058 7.79849C3.98381 8.77649 5.60425 10.3969 6.9802 11.7729C7.66818 12.4609 8.29503 13.0877 8.74988 13.5426C8.97731 13.77 9.16174 13.9545 9.28931 14.082C9.3531 14.1458 9.40267 14.1954 9.4363 14.229C9.45311 14.2458 9.46593 14.2587 9.47456 14.2673C9.47887 14.2716 9.48213 14.2748 9.48431 14.277C9.4854 14.2781 9.48623 14.2789 9.48677 14.2795C9.48705 14.2798 9.48726 14.28 9.48739 14.2801C9.48746 14.2802 9.48751 14.2802 9.48755 14.2803C9.48758 14.2803 9.4876 14.2803 10.0179 13.75Z"
                                  fill="white"/>
                        </svg>
                    </div>
                </div>
            </div>
            <div>
                <div class="module_fixed">查看安装教程</div>
            </div>
        </div>
    </div>
    <div class="downloadContainerRight">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../assets/img/swipe1.png" alt=""></div>
                <div class="swiper-slide"><img src="../assets/img/swipe2.png" alt=""></div>
                <div class="swiper-slide"><img src="../assets/img/swipe3.png" alt=""></div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<div class="module_visible">
    <div role="menu" tabindex="1" class="arco-menu">
        <div class="menu-inner">
            <div class="menu-overflow-wrap">
                <div class="menu-item active">
                    <a href="#">闪念笔记</a>
                </div>
                <div class="menu-item">
                    <a href="#">超级搜索</a>
                </div>
                <div class="menu-item">
                    <a href="#">快捷入口</a>
                </div>
                <div class="menu-item">
                    <a href="#">更多功能</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="module_mainContent">
    <div class="module_notes">
        <img src="../assets/img/note.png"
             class="module_banner">
        <div class="module_wordContent">
            <div>
                <img class="module_notesImg" src="../assets/img/flash-note.png">
                <span class="module_notesTitle">随时记录 便捷笔记</span>
            </div>
            <div class="module_content">
                <span>便携的笔记功能，助力随时随地记录知识点滴</span>
            </div>
        </div>
    </div>
    <div class="module_click">
        <div class="module__wordContent">
            <div>
                <img class="module__notesImg" src="../assets/img/super-search.png" alt=""/>
                <span class="module__notesTitle">连击 JJ 畅游全网</span>
            </div>
            <div class="module__content">
                <span>
                    任意页面双击 J 键可唤出超级搜索框
                    <br><div style="height: 3px;"></div>
                    快捷便携计算，一键切换引擎
                </span>
            </div>
        </div>
        <img class="module__banner" src="../assets/img/click.png"/>
    </div>
    <div class="module__entry">
        <img class="module__entry-img" src="../assets/img/entry.png">
        <div class="module_wordContent1">
            <div>
                <img style="width: 134px; height: 25px;" src="../assets/img/quick-entry.png">
                <span class="module_notesTitle1">快捷入口 从点滴提效</span>
            </div>
            <div class="module_content1">
                <span>聚合快捷搜索、快捷导航、快捷工具一触即达</span>
            </div>
        </div>
    </div>
</div>
<div class="module__introContent">
    <div class="module__titleContainer">
        <div class="index-module__title">灵活丰富的使用体验</div>
    </div>
    <div class="index-module__imgContainer">
        <img class="index-module__introImg"
             src="../assets/img/fangcun.png"
             style="margin-right: 34px;">
        <img class="index-module__introImg"
             src="../assets/img/duozhong.png"
             style="margin-right: 34px;">
        <img class="index-module__introImg"
             style="margin-right: 0;"
             src="../assets/img/duodaun.png">
    </div>
</div>
<div class="index-module__container">
    <div class="index-module__title__615db">
        <span>下载体验掘金浏览器插件</span>
    </div>
    <div class="index-module__btnContainer__b28a2">
        <div class="index-module__group__eb5b4">
            <div class="index-module__btn__980be">
                <div class="index-module__download__14937">
                    <span>立即下载</span>
                </div>
                <div class="index-module__arrow__4d5d2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                        <path d="M17.0301 7.79849C17.323 7.50559 17.323 7.03072 17.0301 6.73783C16.7372 6.44493 16.2623 6.44493 15.9694 6.73783L17.0301 7.79849ZM10.0179 13.75L9.4876 14.2803C9.62825 14.421 9.81902 14.5 10.0179 14.5C10.2168 14.5 10.4076 14.421 10.5483 14.2803L10.0179 13.75ZM4.06646 6.73783C3.77357 6.44493 3.29869 6.44494 3.0058 6.73783C2.71291 7.03072 2.71291 7.5056 3.0058 7.79849L4.06646 6.73783ZM15.9694 6.73783L9.4876 13.2197L10.5483 14.2803L17.0301 7.79849L15.9694 6.73783ZM10.0179 13.75C10.5483 13.2197 10.5482 13.2196 10.5482 13.2196C10.5482 13.2196 10.5481 13.2195 10.5481 13.2195C10.5479 13.2193 10.5477 13.2191 10.5474 13.2188C10.5469 13.2183 10.5461 13.2175 10.545 13.2164C10.5428 13.2142 10.5395 13.2109 10.5352 13.2066C10.5266 13.198 10.5138 13.1852 10.497 13.1684C10.4633 13.1347 10.4138 13.0852 10.35 13.0214C10.2224 12.8938 10.038 12.7094 9.81055 12.4819C9.35569 12.0271 8.72884 11.4002 8.04087 10.7122C6.66492 9.33629 5.04447 7.71583 4.06646 6.73783L3.0058 7.79849C3.98381 8.77649 5.60425 10.3969 6.9802 11.7729C7.66818 12.4609 8.29503 13.0877 8.74988 13.5426C8.97731 13.77 9.16174 13.9545 9.28931 14.082C9.3531 14.1458 9.40267 14.1954 9.4363 14.229C9.45311 14.2458 9.46593 14.2587 9.47456 14.2673C9.47887 14.2716 9.48213 14.2748 9.48431 14.277C9.4854 14.2781 9.48623 14.2789 9.48677 14.2795C9.48705 14.2798 9.48726 14.28 9.48739 14.2801C9.48746 14.2802 9.48751 14.2802 9.48755 14.2803C9.48758 14.2803 9.4876 14.2803 10.0179 13.75Z"
                              fill="white"/>
                    </svg>
                </div>
            </div>
        </div>
        <div>
            <div class="checkOut">查看安装教程</div>
        </div>
    </div>
</div>
<div class="index-module__questionsContainer__9bd7c">
    <div class="index-module__title__720e5">
        <span style="margin-top: 56px; margin-bottom: 32px;">常见问题</span>
    </div>
    <div class="index-module__questions__e5cf3">
        <div class="index-module__container__9bf8e" style="margin-top: 0;">
            <div class="index-module__titleContainer__8e9ff">
                <div class="index-module__title__ba0b9">为什么要替代浏览器新标签页？</div>
                <div class="index-module__icon__9d991">
                    <svg style="width: 16px;height: 16px;" t="1718951537799" class="icon" viewBox="0 0 1024 1024"
                         version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="6164" width="200" height="200">
                        <path d="M860 412H612V164c0-55.2-44.8-100-100-100s-100 44.8-100 100v248H164c-55.2 0-100 44.8-100 100s44.8 100 100 100h248v248c0 55.2 44.8 100 100 100s100-44.8 100-100V612h248c55.2 0 100-44.8 100-100s-44.8-100-100-100z"
                              p-id="6165" fill="#8a8a8a"></path>
                    </svg>
                </div>
            </div>
            <div class="index-module__answer__9dd1c"></div>
        </div>
        <div class="index-module__container__9bf8e ">
            <div class="index-module__titleContainer__8e9ff">
                <div class="index-module__title__ba0b9">常见安装异常如何解决？</div>
                <div class="index-module__icon__9d991">
                    <svg style="width: 16px;height: 16px;" t="1718951537799" class="icon" viewBox="0 0 1024 1024"
                         version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="6164" width="200" height="200">
                        <path d="M860 412H612V164c0-55.2-44.8-100-100-100s-100 44.8-100 100v248H164c-55.2 0-100 44.8-100 100s44.8 100 100 100h248v248c0 55.2 44.8 100 100 100s100-44.8 100-100V612h248c55.2 0 100-44.8 100-100s-44.8-100-100-100z"
                              p-id="6165" fill="#8a8a8a"></path>
                    </svg>
                </div>
            </div>
            <div class="index-module__answer__9dd1c"></div>
        </div>
        <div class="index-module__container__9bf8e ">
            <div class="index-module__titleContainer__8e9ff">
                <div class="index-module__title__ba0b9">稀土掘金插件都支持哪些浏览器？</div>
                <div class="index-module__icon__9d991">
                    <svg style="width: 16px;height: 16px;" t="1718951537799" class="icon" viewBox="0 0 1024 1024"
                         version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="6164" width="200" height="200">
                        <path d="M860 412H612V164c0-55.2-44.8-100-100-100s-100 44.8-100 100v248H164c-55.2 0-100 44.8-100 100s44.8 100 100 100h248v248c0 55.2 44.8 100 100 100s100-44.8 100-100V612h248c55.2 0 100-44.8 100-100s-44.8-100-100-100z"
                              p-id="6165" fill="#8a8a8a"></path>
                    </svg>
                </div>
            </div>
            <div class="index-module__answer__9dd1c"></div>
        </div>
        <div class="index-module__report__e5c17">
            <div>
                <span>如果在安装或使用过程中遇到其他问题可点击进行</span>
                <a class="fankui" href="#" target="_blank">【反馈&amp;建议】</a>
                <span>进行沟通反馈。</span>
            </div>
        </div>
    </div>
</div>
<div class="index-module__copyRight__40d65">
    <div class="index-module__firstRow__2af36">
        <a href="#">用户协议</a>
        <span class="index-module__bar__e0220"> | </span>
        <a href="#">营业执照</a>
        <span class="index-module__bar__e0220"> | </span>
        <a href="#">隐私政策</a>
        <span class="index-module__bar__e0220"> | </span>
        <span class="index-module__version__34789">©2022 稀土掘金</span>
        <span class="index-module__bar__e0220"> | </span>
        <a href="#">京ICP备18012699号-3</a>
        <span class="index-module__bar__e0220"> | </span>
        <img src="../assets/img/police.png" style="width: 20px; height: 20px; vertical-align: text-bottom;"/>
        <a href="#">京公网安备11010802026719号</a>
    </div>
    <div class="index-module__secondRow__5b119">
        <span>版权所有：北京北比信息技术有限公司</span>
        <span class="index-module__bar__e0220"> | </span>
        <span>公司地址：北京市海淀区信息路甲28号13层B座13B-5</span>
        <span class="index-module__bar__e0220"> | </span>
        <span>公司座机：010-83434395</span>
        <span class="index-module__bar__e0220"> | </span>
        <a href="mailto://feedback@xitu.io">举报邮箱：feedback@xitu.io</a>
    </div>
</div>
</body>
<script>
    var mySwiper = new Swiper('.swiper', {
        //direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        effect: 'fade', // 淡入淡出模式
        // 分页器
        pagination: {
            el: '.swiper-pagination',
            type: 'bullets',
            clickable: true,
            dynamicBullets: true,
        },
        autoplay: {
            delay: 2000,
            disableOnInteraction: false,
        },
    })
</script>
</html>